//ellipsis
@mixin ellipsis() {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
//multi line ellipsis
@mixin multiline-ellipsis($num: 2) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: $num;
    -webkit-box-orient: vertical;
    white-space: normal !important;
    word-wrap: break-word;
}
@mixin flex($direction: row) {
    display: flex;
    flex-direction: $direction;
}
@mixin flex-center($direction: space-around) {
    display: flex;
    align-items: center;
    justify-content: $direction;
}
@mixin boxShadow() {
    box-shadow: 3px 3px 3px #dfdfdf;
}